<?php
foreach($planes as $p)
{
	/*Información del plan*/
	$id_plan=$p['id_plan'];
	$titulo=$p['titulo'];
	$inicioperiodo=$p['inicioperiodo'];
	$finperiodo=$p['finperiodo'];
	$presupuesto=$p['presupuesto'];
	$horarios=$p['horarios'];
	$fechaaprobacion=$p['fechaaprobacion'];
	$numero=$p['numero'];
	
	/*Información de la institución*/
	$institucion=$p['institucion'];
	$beneficiarios=$p['beneficiarios'];
	$comunidad=$p['comunidad'];
	$depto=$p['departamento'];
	$municipio=$p['municipio'];
	$detalle=$p['detalle'];
	$responsable=$p['responsable'];
	$tel_responsable=$p['tel_responsable'];
	
}
$max_d=date('d',strtotime($inicioperiodo));
$max_m=date('m',strtotime($inicioperiodo));
$max_a=date('Y',strtotime($inicioperiodo));
$max_m=$max_m+6;
if($max_m>12)
{
	$max_a=$max_a+2;
	$max_m=$max_m-12;
}
else $max_a=$max_a+1;

if($max_m<10) $max_m="0".$max_m;

$fecha_maxima=$max_d."-".$max_m."-".$max_a;
//echo $fecha_maxima;
?>
<script>
	estado_transaccion='<?php echo $estado_transaccion?>';
	estado_correcto='Se ha agredado una prórroga al plan éxitosamente.';
	estado_incorrecto='Error al modificar el plan: No se pudo conectar al servidor. Por favor vuelva a intentarlo.';
</script>
<form name="form_prorroga" method="post" action="<?php echo base_url()?>index.php/social/agregar_prorroga" enctype="multipart/form-data" accept-charset="utf-8">
<input type="hidden" name="id_plan" value="<?php echo $id_plan ?>">
<input type="hidden" name="numero" value="<?php echo $numero; ?>" />
	<div id="wizard" class="swMain">
        <ul>
            <li>
                <a href="#step-1">
                    <span class="stepNumber">1<small>er</small></span>
                    <span class="stepDesc">
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Paso<br/>
                        <small>&nbsp;Prórroga</small>
                    </span>
                </a>
            </li>
            <li>
                <a href="#step-2">
                    <span class="stepNumber">2<small>do</small></span>
                    <span class="stepDesc">
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Paso<br/>
                        <small>&nbsp;Documento</small>
                    </span>
                </a>
            </li>
        </ul>
        <div id="step-1">
        	<h2 class="StepTitle">Información de las Fechas de Prórrogas</h2>
            <p>
            	<label>Período Original: </label><strong><?php echo " desde: ".$inicioperiodo." hasta: ".$finperiodo ?></strong>
                <input type='text' id='fin' value='<?php echo $fecha_maxima; ?>' style='display:none'>
            </p>
            <?php
			if(!empty($prorrogas))
			{
				$i=1;
				foreach($prorrogas as $pro)
				{
					$fecha_inicial=$pro['fecha_inicial'];
					$fecha_final=$pro['fecha_final'];
					?>
                    <p>
						<label>Prórroga N° <?php echo $i; ?>: </label><strong><?php echo " desde: ".$fecha_inicial." hasta: ".$fecha_final; ?></strong>
					</p>
					<?php
					$i++;
				}
				?>
                <p>
                    <label>Fecha Inicial: </label>
                    <input type='text' id='inicio' value='<?php echo $fecha_final; ?>' style='display:none'>
                    <input type="text" name="fecha_inicial" id="fecha_inicial" value="<?php echo $fecha_final; ?>">
                </p>
                <p>
                    <label>Fecha Final: </label>
                    <input type="text" name="fecha_final" id="fecha_final">
                </p>
                <?php
			}
			else
			{
			?>
            	<p>
                    <label>Fecha Inicial: </label>
                    <input type='text' id='inicio' value='<?php echo $finperiodo; ?>' style='display:none'>
                    <input type="text" name="fecha_inicial" id="fecha_inicial" value="<?php echo $finperiodo; ?>">
                </p>
                <p>
                    <label>Fecha Final: </label>
                    <input type="text" name="fecha_final" id="fecha_final">
                </p>
            <?php
			}
			?>
            
        </div>
        <div id="step-2">
        	<h2 class="StepTitle">Subir Documento</h2>
            <p>
            	<label>Documento (Opcional): </label>
                <input type="file" name="userfile" id="userfile" onchange="validate_fileupload(this.value)">
            </p>
        </div>
        
    </div>
</form>
<script>
$(document).ready(function(){
	
	$('#wizard').smartWizard();
	
	function startChange()
	{
		var startDate = start.value(),
		endDate = end.value();
	
		if (startDate) 
		{
			//startDate = new Date(2014,07,01);
			startDate.setDate(startDate.getDate());
			end.min(startDate);
		}
		else if (endDate)
		{
			start.max(new Date(endDate));
		}
		else
		{
			endDate = new Date();
			start.max(endDate);
			end.min(endDate);
		}
	}
	
	function endChange()
	{
		var endDate = end.value(),
		startDate = start.value();
	
		if (endDate)
		{
			endDate = new Date(endDate);
			endDate.setDate(endDate.getDate());
			start.max(endDate);
		}
		else if (startDate)
		{
			end.min(new Date(startDate));
		}
		else
		{
			endDate = new Date();
			start.max(endDate);
			end.min(endDate);
		}
	}
	
	var inicio = $("#inicio").kendoDatePicker({
		format: "dd-MM-yyyy"		 
	}).data("kendoDatePicker");
	
	var fin = $("#fin").kendoDatePicker({
		format: "dd-MM-yyyy"		 
	}).data("kendoDatePicker");
	
	var start = $("#fecha_inicial").kendoDatePicker({
		change: startChange,
		format: "dd-MM-yyyy"		 
	}).data("kendoDatePicker");

	var end = $("#fecha_final").kendoDatePicker({
		change: endChange,
		format: "dd-MM-yyyy" 
	}).data("kendoDatePicker");

	start.max(end.value());
	start.min(inicio.value());
	end.min(start.value());
	end.max(fin.value());
	
	$('#fecha_inicial').validacion({
		req:true,
		valFecha:true
	});
	$('#fecha_final').validacion({
		req:true,
		valFecha:true
	});
});

function validate_fileupload(fileName)
{
    var allowed_extensions = new Array("DOC","doc","DOCX","docx","PDF","pdf","XPS","xps","JPG","jpg","PNG","png","GIF","gif");
    var file_extension = fileName.split('.').pop(); // split function will split the filename by dot(.), and pop function will pop the last element from the array which will give you the extension as well. If there will be no extension then it will return the filename.
    var tipoArchivo= false;
    for(var i = 0; i <= allowed_extensions.length; i++)
    {
        if(allowed_extensions[i]==file_extension)
        {
     		tipoArchivo=true;
            return true; // valid file extension
            
        }
    }
    alert("Seleccione un archivo valido, de formato: .doc | .docx | .pdf | .xps | .jpg | .png | .gif");
	tipoArchivo=false;
    return false;
}
</script>